<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vivo官方商城_vivo X70系列丨专业影像旗舰</title>
    <link rel="icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/layout.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/footer.css">
    <!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_2805650_wxaz67v4o5.css"> -->
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <script src="./js/jquery-1.12.4.js"></script>
    <script src="./js/public.js"></script>
</head>

<body>
    <div id="app">
        <header></header>
        <script>
            $('header').load('./header.html')
        </script>
        <div class="content">
            <div class="banner">
                <div class="banner-img">
                    <img src="./img/index0.jpg" alt="">
                    <img src="./img/index1.png" alt="">
                    <img src="./img/index2.jpg" alt="">
                    <img src="./img/index3.png" alt="">
                    <img src="./img/index4.jpg" alt="">
                </div>
                <div class="banner-dot">
                    <span class="st"></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
            <div class="wrapper ajax-li">
                <ul>
                    <li><a href="#">手机<span></span></a>
                        <div class="ajax-li-div">
                            <a href="#" class="qb">全部手机&gt;</a>
                            <p>手机</p>
                            <ul class="ajax-one">
                            </ul>
                            <ul class="ajax-two">
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">手机充电<span></span></a>
                        <div class="ajax-li-div">
                            <a href="#" class="qb">全部手机充电&gt;</a>
                            <p>手机充电</p>
                            <ul class="ajax-one">
                            </ul>
                            <ul class="ajax-two">
                                
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">手机配件<span></span></a>
                        <div class="ajax-li-div">
                            <a href="#" class="qb">全部手机配件&gt;</a>
                            <p>手机配件</p>
                            <ul class="ajax-one">
                            </ul>
                            <ul class="ajax-two">
                                
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">音乐设备<span></span></a>
                        <div class="ajax-li-div">
                            <a href="#" class="qb">全部音乐设备&gt;</a>
                            <p>音乐设备</p>
                            <ul class="ajax-one">
                            </ul>
                            <ul class="ajax-two">
                                
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">智能硬件<span></span></a>
                        <div class="ajax-li-div">
                            <a href="#" class="qb">全部智能硬件&gt;</a>
                            <p>智能硬件</p>
                            <ul class="ajax-one">
                            </ul>
                            <ul class="ajax-two">
                                
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">游戏摄影<span></span></a>
                        <div class="ajax-li-div">
                            <a href="#" class="qb">全部游戏摄影&gt;</a>
                            <p>游戏摄影</p>
                            <ul class="ajax-one">
                            </ul>
                            <ul class="ajax-two">
                                
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">日用出行<span></span></a>
                        <div class="ajax-li-div">
                            <a href="#" class="qb">全部日用出行&gt;</a>
                            <p>日用出行</p>
                            <ul class="ajax-one">
                            </ul>
                            <ul class="ajax-two">
                                
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="wrapper zjgg">
                <ul>
                    <li>
                        <img src="./img/20210621143531215241_original.jpg" alt="">
                    </li>
                    <li>
                        <img src="./img/20210621143557189157_original.jpg" alt="">
                    </li>
                    <li>
                        <img src="./img/20210621144650252503_original.jpg" alt="">
                    </li>
                </ul>
            </div>
            <div class="ms">
                <div class="top">
                    <img src="./img/img-vbuy.01471456.png" alt="">
                    <div>
                        <em>距离结束</em>
                        <span class="shi">00</span>
                        <em>时</em>
                        <span class="fen">00</span>
                        <em>分</em>
                        <span class="miao">00</span>
                        <em>秒</em>
                    </div>
                    <a href="#">更多场次&gt;</a>
                </div>
                <div class="bto">
                    <div class="con">
                    </div>
                </div>
                <span class="bto-left"><</span>
                <span class="bto-right">></span>
            </div>
            <script src="./js/banner.js"></script>
            <div class="rm">
                <p class="tpl">热卖专区</p>
                <ul class="allul">
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10006743_1630325962259_750x750.png" alt="">
                        </a>
                        <p class="rm-name">iQOO 8 12GB+256GB 传奇版</p>
                        <p class="rm-des">12w超级快充</p>
                        <p class="rm-price">￥4199.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10006651_1625293703373_750x750.png" alt="">
                        </a>
                        <p class="rm-name">vivo S10 8GB+128GB 绮光焕彩</p>
                        <p class="rm-des">光致变色</p>
                        <p class="rm-price">￥2799.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10006299_1615445673150_750x750.png" alt="">
                        </a>
                        <p class="rm-name">iQOO Z3 5G版</p>
                        <p class="rm-des">高通骁龙768G</p>
                        <p class="rm-price">￥1699.00</p>
                    </li>
                </ul>
            </div>
            <div class="jp">
                <p class="tpl">精品专区</p>
                <ul class="allul">
                    <li class="ali firstli">
                        <a href="#">
                            <img src="./img/20210720113840684933_original.png" alt="">
                        </a>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10006743_1630632841239_750x750.png" alt="">
                        </a>
                        <p class="rm-name">iQOO 8 12GB+256GB 燃</p>
                        <p class="rm-des">光致变色</p>
                        <p class="rm-price">￥4199.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10006278_1614936804425_750x750.png" alt="">
                        </a>
                        <p class="rm-name">iQOO Neo5</p>
                        <p class="rm-des">高通骁龙870</p>
                        <p class="rm-price">￥2699.00</p>
                    </li>
                    
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10006140_1608911369759_750x750.png" alt="">
                        </a>
                        <p class="rm-name">iQOO U3</p>
                        <p class="rm-des">iQOO U3</p>
                        <p class="rm-price">￥1498.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10006148_1609834587356_750x750.png" alt="">
                        </a>
                        <p class="rm-name">vivo Y31s</p>
                        <p class="rm-des">5000mAh大电池</p>
                        <p class="rm-price">￥1598.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10006180_1628936386789_750x750.png" alt="">
                        </a>
                        <p class="rm-name">iQOO 7</p>
                        <p class="rm-des">高通骁龙888</p>
                        <p class="rm-price">￥4198.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10005629_1595917458698_250x250.png" alt="">
                        </a>
                        <p class="rm-name">vivo Y73s 5G版</p>
                        <p class="rm-des">4800万后置影像系统</p>
                        <p class="rm-price">￥1899.00</p>
                    </li>
                </ul>
            </div>
            <div class="jp">
                <p class="tpl">精品配件</p>
                <ul class="allul">
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10006482_1629106850896_750x750.png" alt="">
                        </a>
                        <p class="rm-name">vivo TWS 2</p>
                        <p class="rm-des">真无线降噪耳机</p>
                        <p class="rm-price">￥499.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10005713_1629365943072_750x750.png" alt="">
                        </a>
                        <p class="rm-name">vivo WATCH</p>
                        <p class="rm-des">24小时心率/血氧监测</p>
                        <p class="rm-price">￥1299.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10000538_1630484371754_750x750.png" alt="">
                        </a>
                        <p class="rm-name">iQOO 120W 闪充充电器套装</p>
                        <p class="rm-des">兼容PD协议</p>
                        <p class="rm-price">￥299.00</p>
                    </li>
                    
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10006789_1630372981661_750x750.png" alt="">
                        </a>
                        <p class="rm-name">iQOO移动电源</p>
                        <p class="rm-des">20W PD 双向快充</p>
                        <p class="rm-price">￥129.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10002872_1629456926630_750x750.png" alt="">
                        </a>
                        <p class="rm-name">iQOO 闪电游戏手柄</p>
                        <p class="rm-des">电竞级手感</p>
                        <p class="rm-price">￥199.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10006313_1629456707642_750x750.png" alt="">
                        </a>
                        <p class="rm-name">iQOO 极风散热背夹</p>
                        <p class="rm-des">秒速制冷降温</p>
                        <p class="rm-price">￥169.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/10005708_1628735688086_750x750.png" alt="">
                        </a>
                        <p class="rm-name">iQOO 车载充电器</p>
                        <p class="rm-des">55W闪充</p>
                        <p class="rm-price">￥199.00</p>
                    </li>
                    <li class="ali">
                        <a href="./detail.html">
                            <img src="./img/9923_1630479412843_250x250.png" alt="">
                        </a>
                        <p class="rm-name">vivo XE100耳机</p>
                        <p class="rm-des">多功能一键线控</p>
                        <p class="rm-price">￥39.00</p>
                    </li>
                </ul>
            </div>
            
        </div>
        <div class="footer"></div>
        <script>
            $('.footer').load('./footer.html')
        </script>
    </div>
   

</body>

</html>